<!--
 * @Date: 2021-10-18 16:42:12
 * @LastEditors: 邓春宜
 * @Desc: 
 * @LastEditTime: 2021-11-10 17:52:06
 * @FilePath: \tianjushi-kanban\src\components\text\IconText.vue
--> 
<template>
  <div class="text_style1">
      <component :is="currenticon"  class="text_style1_icon color_b"></component>
      <div class="text_style1_des">
           <p class="auto_h4">{{title}}</p>
           <p>
              <span class="auto_h1 color_y">{{value}}</span>
              <span class="auto_h4">{{unit}}</span>
            </p>
       </div> 
  </div>
</template>

<script>
import {HomeOutlined,InboxOutlined,PictureOutlined} from "@ant-design/icons-vue";
import "static/css/kanban.less";

export default {
  name: "ContentBlock",
  components:{
    HomeOutlined,
    InboxOutlined,
    PictureOutlined
  },  
  props: {
    title: String,
    value:Number,
    unit:String,
    iconc:{
      type:String,
      default:"InboxOutlined"  
  }},
  data(){
    return {currenticon:this.iconc}
  } 
};
</script>
<style>
</style>